<div class="con_banner conr_banner_course">
    <div class="con_banner_con_box">
        <div class="con_banner_con">
            <!--<p class="title_big"><i class="icon_titlel"></i>{{TrainCourseinfo.curriculum_name}}<i class="icon_titler"></i><span class="title_big_tip">{{TrainCourseinfo.specialty_name}}</span></p>-->
            <div class = "classPlay">
                <!--播放屏幕-->
                <div class = "classScreen">
                    <div class = "live_left">
                        <div class="live" ng-class="{'live_showBg':judge.showFirstImg==true}">
                            <div id="J_prismPlayer" class="prism-player"></div>
                        </div>
                    </div>
                    <div class = "live_right">
                        <div class = "catalog">
                            <p class = "course_title substring">
                                {{TrainCourseinfo.curriculum_name}}
                            </p>
                            <div class = "period_list scrollbar-dynamic" data-jquery-scrollbar="help.jqueryScrollbarOptions">
                                <div class = "period_section" ng-repeat="item in periodInfoList">
                                    <p class = "section_title substring">
                                        <i class="icon_chapter3"></i><span>章节{{item.index+1}}: {{item.chapter_name}}</span>
                                    </p>
                                    <ul class = "classList_box" ng-click="chaper(item.index)">
                                        <li ng-mouseenter="show_course_period = true" ng-mouseleave="show_course_period = false" class = "classList_cols substring" ng-click="play(list,$index,$parent.$index)" ng-repeat="list in item.period_list">
                                            <a href="javascript:void(0)" ng-class="{active:($index==sectemp&&item.index==temp&&list.learned==1)||list.period_id==period_id&&list.learned==1}">
                                                <i ng-class="{icon_play_yes:list.learned==1,icon_play_no:list.learned==0,icon_play_suo:list.learned==-1,icon_play_ing:(($index==sectemp&&item.index==temp)||list.period_id==period_id)&&list.learned==1}" ></i>
                                                <span>课时{{$index+1}}:{{list.period_name}}</span>
                                                <b style="position: absolute">{{list.video_duration}}:00</b>
                                            </a>
                                            <div ng-show="list.learned!=-1&&list.period_name.length>9" class="course_period" ng-class="{'course_period_show':show_course_period==true}">课时{{$index+1}}:{{list.period_name}}</div>
                                            <div ng-show="list.learned==-1" class="course_period_suo" ng-class="{'course_period_show':show_course_period==true}">请完成以上所有课时的随堂练习</div>

                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class ="content content_up clearfix">
        <!--加载图开始-->
        <div class="loaders" ng-show="loading_show==true">
            <div class="loader">
                <div class="loader-inner line-scale">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
            </div>
        </div>
        <!--加载图结束-->
        <div class="con_up_l">
            <div class="con_up_ltit">
                <!--<a href="javascript:void(0)" class="active">主页</a>-->
                <!--<a href="javascript:void(0)"style="color: #bfbfbf">评论</a>-->
                <a ng-repeat="tab in tabList" href="javascript:void(0)" ng-class="{'active':tabIndex == tab.value}" ng-click="changeTab(tab.value)" ng-bind="tab.title"></a>
            </div>
            <div class="con_vline" ng-show="tabIndex==2">
                <div class="line_vline"></div>
                <div class="kcyd"></div>
                <div class="list_traincourse" ng-repeat="item in Curriculuminfo">
                    <p class="title_vline"><span class="line_icon"><i class="icon_chapterw"></i></span>章节{{$index+1}}<span class="title_vline_tit">{{item.chapter_name}}</span></p>
                    <ul ng-click="chaper(item.index)">
                        <li ng-repeat="item in item.period_list" class="add_lock" ng-mouseenter="item.lock_status==0?show_tool=1:show_tool=0"ng-mouseleave="show_tool=0">
                            <a class="clearfix" ng-class="{hasread:item.lock_status==1||($index==sectemp&&item.index==temp)}">
                                <span class="period_order">课时{{$index+1}}</span>
                                <span class="period_title substring">{{item.period_name}}</span>
                                <span ng-show="item.lock_status==1" class="period_time period_timenew" ng-class="{'star_gray':item.star_num==0,'star_img1':item.star_num==1,'star_img2':item.star_num==2}"></span>
                                <span ng-show="item.lock_status==0" class="period_time period_timenew star_gray"></span>
                                <!--<i class="icon_play"></i>-->
                                <i ng-show="item.lock_status==1" class="btn_go" ng-click="questionPop(item,$parent.$index,$index)">开始练习</i>
                                <i ng-show="item.lock_status==0" class="btn_go btn_go_bfbfbf"></i>
                            </a>
                            <!--<span target="_blank"class="tool"ng-if="item.learned==-1&&show_tool==1">-->
                            <span target="_blank"class="tool"ng-if="item.lock_status==0&&show_tool==1">
                                <i></i>
                                <!--学习上一个课时，{{TrainCourseinfo.lock_time}}个自然日后可解锁该课时-->
                                请先学习该课时
                            </span>
                        </li>
                    </ul>
                </div>

            </div>
            <div class="con_vline" ng-show="tabIndex==1">
                <div class="line_vline"></div>
                <div class="kcyd"></div>
                <p class="title_vline title_vlinenew"><span class="line_icon"><i class="icon_coursew"></i></span>简介</p>
                <div class="intro_traincourse">
                {{TrainCourseinfo.description}}
                </div>
                <p class="title_vline title_valuenew"><span class="line_icon line-iconnew"><i class="icon_target"></i></span>目标</p>
                <div class="intro_traincourse" ng-show="TrainCourseinfo.target!=''" ng-bind="TrainCourseinfo.target">

                </div>
                <div class="intro_traincourse" ng-show="TrainCourseinfo.target==''">
                    亲内容持续完善中，请耐心等待
                </div>
                <p class="title_vline title_valuenew"><span class="line_icon line-iconnew"><i class="icon_zhishi"></i></span>知识点</p>
                <div class="intro_traincourse" ng-show="TrainCourseinfo.knowledge!=''" ng-bind="TrainCourseinfo.knowledge">

                </div>
                <div class="intro_traincourse" ng-show="TrainCourseinfo.knowledge==''">
                    亲内容持续完善中，请耐心等待
                </div>

            </div>
            <div class="con_vline_teacher" ng-show="tabIndex==3">
                <div class="teacher_info" ng-repeat="item in teacherList">
                    <div class="photo_box">
                        <span class="photo_bj">
                            <img ng-src="{{item.photo}}" height="100" width="100"/>
                        </span>
                        <p ng-bind="item.teacher_name"></p>
                        <span class="tags" ng-bind="item.nickname"></span>
                    </div>
                    <div class="teacher_disc">
                        <span ng-bind="item.description"></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="con_up_r"style="position: relative"></div>

        <!--没有题目弹窗-->
        <div class="black_patch"ng-show="tipShow">
            {{tipmess}}
        </div>
    </div> 
</div>
<!--弹窗-->
<div>
    <!-- 题目 -->
    <div ng-if="questionModal.isShow" style="display: block;height:100%;" class="modal fade in timu_tanchuang" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="false">
        <div class="modal-backdrop fade in"></div>
        <div class="modal-dialog modal-question modal-question-r"style="top:50%;">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="btn-close" data-dismiss="modal"><i class="icon-close" ng-click="questionModal.cancel()"></i></div>
                    <h4 class="modal-title jl-h4" ng-bind="questionModal.title"></h4>
                </div>
                <div class="modal-body">
                    <div class="modal-questionl">
                        <div class="qusType">
                            <div class="duo"style="font-size: 12px">单</div>
                            <div style="font-size: 12px">选</div>
                            <div style="font-size: 12px">题</div>
                        </div>
                        <div class="question_num">
                            {{questionList.now_right_count}}
                            <p class="question_numtit">正确题数</p>
                        </div>
                        <div class="question_num question_score">
                            {{ questionList.now_wrong_count}}
                            <p class="question_numtit">答错题数</p>
                        </div>
                        <div class="question_num question_score">
                            {{listall}}
                            <p class="question_numtit">总题数</p>
                        </div>
                        <div class="questionlbg"></div>
                    </div>
                    <div class="modal-questionr" >
                        <div ng-show="!finish" style="overflow-y: auto;height: 315px;margin-top: 88px;">
                            <div class="questionr_tit timu_top" ng-repeat="item in questionlist" ng-show="answering&&$index==question" >
                                <span class="timu_top_left">题目：</span>
                                <span class="timu_top_right">{{item.title}}</span>
                                <div style="height:1px; margin-top:-1px;clear:both;overflow:hidden;"></div>
                            </div>
                            <!--是否有图片-->
                            <ul class="allImg"ng-show="$index==question&&item.question_img!=null"ng-repeat="item in questionlist">
                                <li class="itemImg"ng-repeat="item_img in item.question_img">
                                    <img ng-click="img_click(item_img)" src="{{item_img}}" alt="">
                                    <!--&lt;!&ndash;图片放大&ndash;&gt;-->
                                    <!--<div ng-click="img_click()">-->
                                    <!--<div ng-if="img_big==true" style="display: block;" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">-->
                                    <!--<div class="modal-backdrop fade in bg_opa"></div>-->
                                    <!--<div class="img_box">-->
                                    <!--&lt;!&ndash;<img class="bigImg" src="./images/nl_img.png" alt="">&ndash;&gt;-->
                                    <!--<img class="bigImg" src="{{imgSrc}}" alt="">-->
                                    <!--</div>-->
                                    <!--</div>-->
                                    <!--</div>-->
                                    <!--&lt;!&ndash;图片放大结束&ndash;&gt;-->
                                </li>
                                <div style="height:1px; margin-top:-1px;clear:both;overflow:hidden;"></div>
                            </ul>
                            <ul class="questionr_con"  ng-show="answering&&$index==question"  ng-repeat="item in questionlist" >
                                <!--<li ng-repeat="(k,v) in item.addition" ng-click="answer(k,item)" ng-class="{error:(answerList.answer !=answerList.s_answer && k ==answerList.s_answer&&numb==0),right:(k==answerList.answer&&numb==0 )}">-->
                                <!--<span class="question_con">{{k}}&nbsp;<span class="question_option" >{{v}}</span></span>-->
                                <!--</li>-->
                                <li ng-repeat="(k,v) in item.addition" ng-click="answer(k,item)" ng-class="{error:(answerList.answer !=answerList.s_answer && k ==answerList.s_answer&&numb==0),right:(k==answerList.answer&&numb==0 )}">
                                    <span class="sp-l">{{k}}</span>
                                    <span class="sp-r">{{v}}</span>
                                    <div style="height:1px; margin-top:-1px;clear:both;overflow:hidden;"></div>
                                </li>
                            </ul>
                        </div>
                        <!--<p class="questionr_tit"  ng-show="answering&&$index==question"  ng-repeat="item in questionlist" >题目：{{item.title}}</p>-->

                        <div class="questionr_finish danxuan_tc" ng-show="finish">
                            <!--<i class="icon_success"></i>-->
                            <!--<p class="tip_success">亲，已完成全部答题，得分<span class="finish_score">{{ questionList.now_right_score}}</span>分</p>-->
                            <!--<button class="btn btn-green jl-juzh" ng-click="questionModal.confirm(item)">再做一遍</button>-->
                            <div class="answer_box" ng-class="{'answer_box_no':now_star_num==0}">
                                <!--星星跳入-->
                                <span ng-show="now_star_num!=0" ng-class="{'green_star':now_star_num!=0}"></span>
                                <span ng-show="now_star_num!=0" ng-class="{'green_star':now_star_num==2||now_star_num==3}"></span>
                                <span ng-show="now_star_num!=0" ng-class="{'green_star':now_star_num==3}"></span>
                            </div>
                            <p ng-show="now_star_num!=0" >恭喜亲顺利通过本课时随堂练习</p>
                            <p ng-show="now_star_num!=0" >并解锁下一课时视频</p>
                            <p ng-show="now_star_num==0" >很遗憾未能通过本次练习</p>
                            <p ng-show="now_star_num==0" >亲再接再厉哦</p>
                            <button ng-show="now_star_num!=0" class="btn btn-green jl-juzh" ng-click="questionModal.cancel()">取消</button>
                            <button ng-show="now_star_num!=0" class="btn btn-green jl-juzh" ng-click="questionModal.video()">继续学习</button>
                            <button ng-show="now_star_num==0" class="btn btn-green jl-juzh" ng-click="questionModal.nowvideo()">查看学习视频</button>
                            <!--<button class="btn btn-green jl-juzh" ng-click="questionModal.nowvideo()">查看学习视频</button>-->
                            <button ng-show="now_star_num==0" class="btn btn-green jl-juzh" ng-click="questionModal.confirm(item)">再做一遍</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div>
    <div ng-if="tipModal.isShow" style="display: block;" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
        <div class="modal-backdrop fade in"></div>
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="btn-close" data-dismiss="modal"><i class="icon-close" ng-click="tipModal.hide()"></i></div>
                    <h4 class="modal-title" ng-bind="tipModal.title" style="line-height: 46px;"></h4>
                </div>
                <div class="modal-body modal-body-tip"> 亲，您还未加入任何企业<br/>暂不可查看
                </div>
                <div class="modal-footer jl-footer">
                    <button type="button" class="btn btn-green" ng-click="tipModal.confirm()" style="text-align: center;margin-right: 158px;">我知道了</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--是否加入企业-->
<!-- 弹窗 -->
<div>
    <div ng-if="tipModal.isShow" style="display: block;" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
        <div class="modal-backdrop fade in" style="opacity: 0;"></div>
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="btn-close" data-dismiss="modal"><i class="icon-close" ng-click="tipModal.hide()"></i></div>
                    <h4 class="modal-title" ng-bind="tipModal.title" style="line-height: 46px;"></h4>
                </div>
                <div class="modal-body modal-body-tip"> 亲，您还未加入任何企业<br/>暂不可查看
                </div>
                <div class="modal-footer jl-footer">
                    <button type="button" class="btn btn-green" ng-click="tipModal.confirm()" style="text-align: center;margin-right: 158px;">我知道了</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--图片放大-->
<div>
    <div ng-show="img_big==true" style="display: block;" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
        <div class="modal-backdrop fade in"style="opacity: 0.4"></div>
        <div class="img_box">
            <div style="width: 100%;height: 100%;position: absolute;top:0;left: 0;" ng-click="img_click()"></div>
            <div class="bigImgBox"id="bigImgBox">
                <!--<img class="bigImg"alt="" src="images/ce.png">-->
                <img class="bigImg"alt="" ng-src="{{scaleImg}}">
                <!--ng-src="{{scaleImg}}"-->
                <div>
                    <img src="./images/close_nl.png" alt="" ng-click="img_click()">
                </div>
            </div>
        </div>
    </div>
</div>
<!--图片放大结束-->